<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no" />
		<title>商品列表</title>
		<link rel="stylesheet" type="text/css" href="../css/aui.css" />
        <link rel="stylesheet" type="text/css" href="../css/style.css" />
		<style>
			body {
				background: #f3f3f3;
			}
			.bigPic .divPrice {
				color: #ec2e2e;
				font-weight: bold;
				text-align: left;
				padding-left: 10px !important;
				font-size: 14px;
			}
			.bigPic .divBuy {
				text-align: right;
				padding-right: 10px !important;
				color: #327afa;
				/*font-weight: bold;*/
				font-size: 12px;
				float: right !important;
			}
			.bigPic .divPrice, .divBuy {
				padding: 5px;
				overflow: hidden;
			}
			.bigPic .w50 {
				float: left;
			}
			.aui-ellipsis-2 {
				display: -webkit-box;
				overflow: hidden;
				text-overflow: ellipsis;
				word-wrap: break-word;
				white-space: normal !important;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}
			.aui-list-view-cell {
				border-radius: 2px;
			}
			/*//一行两列样式*//**/
			.bigPic.aui-list-view.aui-grid-view {
				padding: 0 !important;
				background: #f3f3f3;
			}
			.bigPic.aui-list-view.aui-grid-view .aui-list-view-cell {
				padding: 0 !important;
			}
			.bigPic .aui-col-xs-6:nth-of-type(2n+1) {
				margin-right: 1%;
			}
			.bigPic.aui-list-view.aui-grid-view .aui-list-view-cell .aui-img-body {
				margin: 0 0 0 5px;
				margin-bottom: 1px;
				text-align: left;
				height: 50px;
			}
			.bigPic li {
				background: #fff !important;
				margin-bottom: 8px;
			}
			.bigPic .aui-col-xs-6 {
				width: 49.5%;
			}
			.bigPic .line {
				width: 90%;
				margin-left: 5%;
			}
			/*一行一列样式*/
			.smallPic .proPic {
				width: 100%;
			}
			.smallPic .divPrice {
				color: #ec2e2e;
				font-weight: bold;
				text-align: left;
				padding-left: 10px !important;
				font-size: 14px;
			}
			.smallPic .divBuy {
				text-align: right;
				padding-right: 10px !important;
				color: #9c9c9c;
				/*font-weight: bold;*/
				font-size: 12px;
				float: right !important;
			}
			.smallPic .divPrice {
				padding: 5px;
				/*padding-top:0px;*/
				overflow: hidden;
				position: absolute;
				bottom: 8px;
			}
			.smallPic .divBuy {
				padding: 5px;
				padding-left: 9px;
				overflow: hidden;
				position: absolute;
				bottom: 30px;
			}
			.smallPic .w50 {
				width: 100%;
				/*float: left;*/
				text-align: left !important;
				line-height: 1;
			}
			.smallPic.aui-list-view.aui-grid-view {
				padding: 0 !important;
				background: #f3f3f3;
			}
			.smallPic.aui-list-view.aui-grid-view .aui-list-view-cell {
				padding: 0 !important;
				padding: 8px !important;
			}
			.smallPic .proPic {
				width: 30%;
				float: left;
			}
			.smallPic .proInfo {
				width: 70%;
				float: left;
			}
			.smallPic .aui-border-b:after {
				border: none;
			}
			.smallPic .aui-col-xs-6:nth-of-type(2n+1) {
				margin-right: 0%;
			}
			.smallPic.aui-list-view.aui-grid-view .aui-list-view-cell .aui-img-body {
				margin: 0px 10px 0 10px;
				text-align: left;
			}
			.smallPic li {
				background: #fff !important;
				margin-bottom: 10px;
			}
			.smallPic .aui-col-xs-6 {
				width: 100%;
			}
			.contain {
				padding: 10px 0 0 0;
			}
			.bigPic0s {
				display: none !important;
			}
		</style>
	</head>
	<body>
		<div class="aui-content-padded contain gongchang">
			<ul class="aui-list-view aui-grid-view bigPic">
				<li class="aui-list-view-cell aui-img aui-col-xs-6">
					<div class="proPic"><img class="aui-img-object" src="../image/pro.png">
					</div>
					<div class="proInfo">
						<div class="aui-img-body  aui-ellipsis-2">
							图文列表图文列表图文列表图文列表
						</div>
						<div class="aui-border-b line"></div>
						<div class="divBuy  zfhuise">
							成交<span class="num">5550</span>笔
						</div>
						<div class="divPrice  zfBlue">
							￥<span class="price ">55.0</span>
						</div>
					</div>
				</li>
                <li class="aui-list-view-cell aui-img aui-col-xs-6">
                    <div class="proPic"><img class="aui-img-object" src="../image/pro.png">
                    </div>
                    <div class="proInfo">
                        <div class="aui-img-body  aui-ellipsis-2">
                            图文列表图文列表图文列表图文列表
                        </div>
                        <div class="aui-border-b line"></div>
                        <div class="divBuy  zfhuise">
                            成交<span class="num">5550</span>笔
                        </div>
                        <div class="divPrice  zfBlue">
                            ￥<span class="price ">55.0</span>
                        </div>
                    </div>
                </li>
                <li class="aui-list-view-cell aui-img aui-col-xs-6">
                    <div class="proPic"><img class="aui-img-object" src="../image/pro.png">
                    </div>
                    <div class="proInfo">
                        <div class="aui-img-body  aui-ellipsis-2">
                            图文列表图文列表图文列表图文列表
                        </div>
                        <div class="aui-border-b line"></div>
                        <div class="divBuy  zfhuise">
                            成交<span class="num">5550</span>笔
                        </div>
                        <div class="divPrice  zfBlue">
                            ￥<span class="price ">55.0</span>
                        </div>
                    </div>
                </li>
				
			</ul>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js" ></script>
	<script type="text/javascript" src="../script/doT.min.js"></script>
	<script type="text/javascript" src="../script/echo.js"></script>
	<script type="text/javascript" src="../script/common.js"></script>
	<script type="text/javascript" src="../script/myInfo.js"></script>
	<script type="text/javascript" src="../script/jquery-1.11.3.js"></script>
	<script type="text/javascript">
		apiready = function() {
			api.parseTapmode();
			// getData();
			api.setRefreshHeaderInfo({
				visible : true,
				loadingImg : 'widget://image/ptr_pull.png',
				bgColor : '#efeff4',
				textColor : '#959595',
				textDown : '下拉刷新',
				textUp : '松开刷新',
				showTime : true
			}, function(ret, err) {
				page = 1;
				//getData();
				api.refreshHeaderLoadDone();
			});
			//重新登录监听
			api.addEventListener({
				name : 'reGetMyInfo'
			}, function(ret) {
				if (ret && ret.value) {
					page = 1;
					getData();
				}
			});
		}

		function changeView(viewType) {
			if (viewType == "bigPic") {
				//一行两列
				$(".contain").find("." + viewType).addClass("smallPic");
				$(".contain").find("." + viewType).removeClass(viewType);
				$(".aui-icon-cascades").addClass("iConent");
			} else if (viewType == "smallPic") {
				//一行一列
				$(".aui-icon-cascades").removeClass("iConent");
				$(".contain").find("." + viewType).addClass("bigPic");
				$(".contain").find("." + viewType).removeClass(viewType);
			}
		}
	</script>
</html>